<template>
  <h1>setup</h1>
</template>

<script>
export default {
  name:"HelloWorld",
  data(){
    return{
      count:0,
    }
  },
  //setup在创建前执行
  setup(){
    console.log("setup，composition API执行的入口");
    console.log(this); //setup函数在创建前运行，所以setup中不能调用data和methods的变量和方法 Vue为了避免错误产生，直接将this置乘了undefined
  },
  beforeCreate(){
    console.log("创建前的钩子函数");
  },
  created(){
    console.log("创建后的钩子函数");
  },
  beforeMount(){
    console.log("挂载前的钩子函数");
  },
  mounted(){
    console.log("挂载后的钩子函数");
  }
}
</script>

<style>

</style>